The J Maker

[The J Maker Home] [Program Home] [Pricing] [Contact] [FAQ]


SlidingPuzzle version: 2002.10.18

<-- panel background color: R G B --> <-- panel foreground color: R G B --> <-- button background color: R G B --> <-- button foreground color: R G B --> <-- piece border color when mouse is over: R G B -->

[Main Features]: This Java applet is a fully configurable photo sliding puzzle. You can supply your own photo and divide it into pieces with specified row and col. All captions are customizable as well.

[Execution Tips]: Click on a puzzle piece next to the empty block to move. To start a new puzzle, click on the 'Scramble' button.

[Parameters and HTML Configurator]:
Parameter Value Description
regcode registration code
frames number of frames in the animation of swapping pieces
delay animation delay between frames in milliseconds
photo photo file for the puzzle
width of the photo
height of the photo
scramblestart toggle to start with a scrambled mode (1 to enable)
solvebutton toggle to show the 'Solve' button (0 to disable)
winfile winning audio filename
movefile moving audio filename
panelbg panel background color: R G B
panelfg panel foreground color: R G B
buttonbg button background color: R G B
buttonfg button foreground color: R G B
mouseover piece border color when mouse is over: R G B
linkto '|' seperates gameover URL and target frame
* fill in "none" for URL if you don't want to link to anywhere
* target frame options are as follows
_self = current frame
_parent = parent frame
_top = top-most frame
_blank = new unnamed top-level frame
x = new top-level frame named x
row number of rows to divide the puzzle
col number of columns to divide the puzzle
TitleText text string for the title
NewGameText text string for starting a new game
SolvePuzzleText text string for revealing the puzzle
RowText text string before number of rows
ColText text string before number of cols
MovesCountText text string before counts
BestText text string before the best record
FinishText text string when game is over



Auto-generated code to be inserted into your HTML page:

P.S. Copy all necessary *.jar, *.class, images (e.g. *.gif or *.jpg), and data files (e.g. *.txt) to your web directory and embed the above code into your own HTML file.


[More Package Info]:
  • File Description:
  • SlidingPuzzle.html - this file
  • SlidingPuzzle.jar - SlidingPuzzle program classes
  • SlidingPuzzle*.au - sample audio files
  • SlidingPuzzle*.jpg - sample photo files